$(function(){
    var lis=$('.order_tab li');
    var tabCon=$('.tabCont');
    lis.on('click',function(){
        for(var i= 0;i<lis.length;i++){
            $(lis).attr('class','');
            tabCon.hide();
        }
        var index=$(this).index();
        $(this).attr('class','on');
        $(tabCon[index]).css('display','block');
    })
    $.fn.extend({
        "preventScroll":function(){
            $(this).each(function(){
                var _this = this;
                if(navigator.userAgent.indexOf('Firefox') >= 0){   //firefox
                    _this.addEventListener('DOMMouseScroll',function(e){
                        _this.scrollTop += e.detail > 0 ? 60 : -60;
                        e.preventDefault();
                    },false);
                }else{
                    _this.onmousewheel = function(e){
                        e = e || window.event;
                        _this.scrollTop += e.wheelDelta > 0 ? -60 : 60;
                        return false;
                    };
                }
            })
        }
    });
    $(".imageBox").preventScroll();
    //初始化头像设置
    var options =
    {
        thumbBox: '.thumbBox',
        spinner: '.spinner',
        imgSrc: 'img/userCenter/test/sp.jpg'
    }

    var cropper = $('.imageBox').cropbox(options);
    var img="";
    $('#upload-file').on('change', function(){
        var reader = new FileReader();
        reader.onload = function(e) {
            options.imgSrc = e.target.result;
            cropper = $('.imageBox').cropbox(options);
            getImg();
        }
        reader.readAsDataURL(this.files[0]);
        this.files = [];
        getImg();
    })
    function getImg(){
        img = cropper.getDataURL();
        $('.cropped').html('');
        $('.cropped').append('<img src="'+img+'" align="absmiddle" style="width:180px;margin-top:4px;border-radius:180px;box-shadow:0px 0px 12px #7E7E7E;"><p>180px*180px</p>');
        $('.cropped').append('<img src="'+img+'" align="absmiddle" style="width:128px;margin-top:4px;border-radius:128px;box-shadow:0px 0px 12px #7E7E7E;"><p>128px*128px</p>');
        $('.cropped').append('<img src="'+img+'" align="absmiddle" style="width:64px;margin-top:4px;border-radius:64px;box-shadow:0px 0px 12px #7E7E7E;" ><p>64px*64px</p>');
    }

    $(".imageBox").on("mouseup",function(){
        getImg();
    });


    $('#btnCrop').on('click', function(){
        alert("图片上传喽");
        console.log($(".imageBox").css('background-image'))
    })
    $('#btnZoomIn').on('click', function(){
        cropper.zoomIn();
    })
    $('#btnZoomOut').on('click', function(){
        cropper.zoomOut();
    })
    $(function(){
        var str;
        $('#upload-file').change(function(){
            alert(111)
            str=$(this).val();
        })
        var arr=str.split('\\');//注split可以用字符或字符串分割
        var my=arr[arr.length-1];//这就是要取得的图片名称
        alert(my);
    })
    //$(".Btnsty_peyton.fr").click(function() {
    //    $.ajax(function() {
    //        type: "POST",
    //        url: "test.php",
    //        data: {
    //            picFile: $("#headerPic").attr("background-image")
    //        },
    //        dataType: "text",
    //        success: function(data) {
    //
    //        },
    //        error: function(e) {
    //
    //        },
    //    });
    //});
})